<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页-校园滴滴</title>
    <link rel="stylesheet" href="/stylesheets/root.css">
    <link rel="stylesheet" href="/stylesheets/public-stylesheets.css">
    <link rel="stylesheet" href="/stylesheets/index-didi.css">

</head>

<style>

    #switch-box .switch:first-child {
        border-bottom: none;
    }

    #switch-box .switch:nth-child(2)  {
        border-bottom: none;
    }

    #switch-box .switch:nth-child(3) {
    border-bottom: blue solid 0.4vb;
}

</style>

<body>
    <!-- 顶部栏组件 -->
    <div id="top">
        <p>校园滴滴</p>
        <a href="/index.html">
            <img src="/images/public_images/return.png" alt="返回">
        </a>
    </div>

    <!-- 切换栏 -->
    <div id="switch-box">
        <div class="switch" onclick="window.location.href='./index-didi.html'">最新求助</div>
        <div class="switch" onclick="window.location.href='./index-didi2.html'">我发布的</div>
        <div class="switch">我帮助的</div>
    </div>

    <div id="slip-box">

        <!-- 求助信息栏 -->
        <div class="assistinfo-box">
            <!-- 头像、发布时间 栏 -->
            <div class="top">
                <div class="head"></div>
                <div class="head-info">
                    <span>校园跑腿</span>
                    <span>3天前</span>
                </div>
                <div class="agree">
                    🟢不急
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                有没有人帮忙取水果外卖哇，大概20分钟后送达，送到xx栋宿舍这边，顺路的同学帮下忙，感谢感谢🥰
            </div>
            <!-- 底部位置 -->
            <div class="bottom">
                <div class="location">
                    📍 附近-xx栋
                </div>
                <!-- 帮助 -->
                <div class="help">
                    已帮助
                </div>
            </div>
        </div>
    </div>


</body>

</html>